// import { EditOutlined, LineChartOutlined, StarOutlined, CopyOutlined, DeleteOutlined } from "@ant-design/icons";
import { useManageInfo } from "../../../hooks/LoadManage";
import CardComponent from "../../../components/CardComponent";

function List() {
    const manageInfo = useManageInfo().filter(v => !v.isDeleted);
    return (
        <div >
            {manageInfo.map(v => {
                return (
                    <CardComponent v={v} key={v._id} />
                )
            })}

            {/* <Card className="w-100%" title={<div className="c-blue font-400 ">吃吃饭</div>} extra={<Flex justify="space-between" align="center">
                    <Tag>未发布</Tag>
                    <Flex justify="space-between" align="center">
                        <div >答卷:60</div>
                        <div className="mx-2">2024-01-22</div>
                        <div>12:41:45</div>
                    </Flex>
                </Flex>}>
                    <Flex justify="space-between" align="center">
                        <Flex justify="space-between" align="center">
                            {renderTag(<EditOutlined />, '编辑问卷')}
                            {renderTag(<LineChartOutlined />, '问卷统计')}
                        </Flex>
                        <Flex justify="space-between" align="center">
                            {renderTag(<StarOutlined />, '标星')}
                            {renderTag(<CopyOutlined />, '复制')}
                            {renderTag(<DeleteOutlined />, '删除')}

                        </Flex>
                    </Flex>

                </Card> */}
        </div >
    )
}

export default List
